@charset "UTF-8";
body {
	margin: 0px;
   background-color: #333;
}
#Box {
	width: 100%;
}
.button {
	width: 150px;
	height: 100px;
}
.x-tabpanel > .x-panel-body .x-panel-body {
   padding: 100px 0;
   text-align: center;
   font-size: 72px;
   font-weight: bold;
   color: rgba(0,0,0,.2);
   text-shadow: rgba(255,255,255,.2) 0 1px 0;
   padding: 100px 15%;
}
.x-phone .x-tabpanel > .x-panel-body .x-panel-body {
   padding: 30px 20px;
   font-size: 36px;
}
.x-phone p {
   font-size: 16px;
   line-height: 18px;
}
h1 {
   font-weight: bold;
}
p {
   font-size: 24px;
   line-height: 30px;
}
.card1 .x-panel-body {
   background-color: #ccc;
}
.card2 .x-panel-body {
   background-color: #5E99CC;
}
.card3 .x-panel-body {
   background-color: #759E60;
}
.card4 .x-panel-body {
   background-color: #9C744F;
}
.card5 .x-panel-body {
   background-color: #926D9C;
}